<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style>
        body{
            background: url("../img/bg.png");
        }
        .a{
            background: #f8fbff;
            width: 400px;
            text-align: center;
            margin: auto;
        }
    </style>
</head>
<body>
<div>
  <img src="../img/logo.png">
</div>
<div class="a">
  <div>注册</div>
    <hr/>
    <form action="#" method="get" autocomplete="off">
        <div>
            <label for="username">姓名</label>
            <input type="text" id="username" name="username" placeholder= "请输入姓名" required/>
        </div>
        <div>  <label for="password">密码</label>
            <input type="password" id="password" name="password" placeholder= "请输入密码" required/></div>
        <div><label for="email">邮箱</label>
            <input type="email" id="email" name="email" placeholder= "请输入邮箱" required/></div>
        <div><label for="tel">手机</label>
            <input type="tel" id="tel" name="tel" placeholder= "请输入手机号" required/></div>
<hr/>
        <div>
            <label for="gender">性别</label>
            <input type="radio" id="gender" name="gender" value="man"/>男
            <input type="radio"  name="gender" value="women"/>女
            <input type="radio"  name="gender" value="other"checked/>其他
        </div>
        <div>
            <label for="hobby">爱好</label>
            <input type="checkbox" id="hobby" name="hobby" value="yy"/>唱
            <input type="checkbox"  name="hobby" value="yx"/>跳
            <input type="checkbox"  name="hobby" value="dy"/>rap
            <input type="checkbox"  name="hobby" value="dy"/>篮球
        </div>
        <div>
<label for="birthday">生日</label>
            <input type="date" id="birthday" name="birthday" value=""/>
        </div>
        <div>
            <link for="city">所在城市</link>
            <select id="city" name="city">
                <option>===请选择所在城市===</option>
                <optgroup label="直辖市">
                    <option>北京</option>
                    <option>上海</option>
                    <option>广州</option>
                    <option>深圳</option>
                </optgroup>
                <optgroup label="省会市">
                    <option>武汉</option>
                    <option>杭州</option>
                    <option>合肥</option>
                    <option>郑州</option>
                </optgroup>
            </select>
            <hr/>

        </div>
        <div>
          <label for="desc">文本</label>
            <textarea id="desc" name="desc" role="5" cols="40" placeholder= "请写入"></textarea>
        </div>
        <button type="submit">注册</button>
        <button type="reset">重置</button>
    </form>
</div>
</body>
</html>